<!DOCTYPE html>
<html lang="en">
  	<head>
	    <meta charset="utf-8">
	    <title>订单详情</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">

	    <!-- 公用css -->
	    <link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/bootstrap-table.css" rel="stylesheet">
		<link href="css/pop.css" rel="stylesheet">
		<link href="css/simplify.css" rel="stylesheet">
		<link href="css/public.css" rel="stylesheet">
		<link href="css/heard-right.css" rel="stylesheet">
		<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
		<!-- 本文件css -->
		<link href="css/main.css" rel="stylesheet">
		<style type="text/css">
			
			.top{
				margin-top: 15px;
				margin-bottom: 15px;

			}
			.bottom{
				margin-top: 15px;
			}
		</style>
  	</head>
	<body>
  		<div class="wrapper no-left">
			<div class="main-container">
				<div class="padding-md up-btn">
						
						<div class="smart-widget-inner">
						    <div class="search-form-div" style="padding: 13px 0px;">
						<form action="searchList" method="get" class="form-inline no-margin" id="queryForm">
							<input type="hidden" name="containerId" id="containerId" value="0"/>
							<div class="search_l">
								<div class="form-group">
									<label class="">订单编号</label>
									<input type="text" id="country" class="form-control" placeholder="请输入国家"/>
								</div>
								<div class="form-group">
									<label class="">客户邮箱</label>
									<input type="text" id="country" class="form-control" placeholder="请输入邮箱"/>
								</div>
								<div class="form-group ">下单时间
									<div class="btn-group">
										<input size="16" type="text" id="planDateStart" name="planDateStart" value="" placeholder="开始时间" class="form-control form_datetime " data-date-format="yyyy-mm-dd" 
										onclick="$('.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu').css('z-index',1);"></input>
										<input size="16" type="text" id="planDateEnd" name="planDateEnd" value="" placeholder="结束时间" class="form-control form_datetime " data-date-format="yyyy-mm-dd" 
										onclick="$('.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu').css('z-index',1);"></input>
									</div>
								</div>
								<!-- 多选开始 -->
								<div class="form-group">网站
								    <div class="btn-group">
							            <div id="transportType" class="form-control" style="position:relative;width:120px;">
							                <ul class="new-box" style="width: 120px;">
							                    <li class="li-checked" value="all">全部</li>
							                    <li value="0">百度</li>
							                    <li value="1">谷歌</li>
							                    <li value="1">搜狗</li>
							                </ul>
							                <input type="text" class="textCheck" readonly="readonly" value="全部" onfocus="this.blur()" style="border-left:none;border-right:none;"/>
							                <img alt="下拉小箭头" class="input-img" 
							                src="images/new-vision/icon_search-terms_bounced.png"/>
							            </div>
							        </div>
								</div>
								
								
								<div class="btn-group marginTB-xs advanced-search" style=" float: none;display: inline-block;">
							 		<a type="button" data-toggle="dropdown" onclick="searchH()" class="uperSearch">
							    		高级搜索<img src="images/new-vision/nav_right_user-name_arrow.png"/>
							  		</a>
								</div>        
												<!-- 多选结束 -->
							</div>
							<div class="search_r" style="width: 196px;">
								<a href="javascript:void(0)"><img class="resetbutton" onclick="resetButton($('.form-inline')[0])" src="images/new-vision/icon_Advanced-search.png"/></a>
								<button type="button" onclick="searchResult(true);" class="btn btn-success marginTB-xs" style="float: right; margin-right: 0;">搜索</button>
								<button style="display:none"></button>
							</div>
							<ul class="dropdown-menu" role="menu" id="searchH" style="display: none;">
								<div class="form-group">
									<label class="sr-only">SKU</label>
									<input type="text" id="sku" class="form-control" placeholder="请输入SKU"/>
								</div>
								<div class="form-group">
									<label class="sr-only">销售</label>
									<input type="text" id="users" class="form-control" placeholder="请输入销售名字"/>
								</div>
							    
							    
							</ul>
						</form>
					</div> 
					<table id="table" class="table table-striped table-hover" style="font-family: 微软雅黑;font-size: 14px;"></table>	
						</div><!-- ./smart-widget-inner -->
				</div><!-- ./padding-md -->
			</div>
		</div><!--wrapper -->

 <!-- 订单详情模态框  -->
<div class="modal fade" id="editModal">
  	<div class="modal-dialog modal-one">
    	<div class="modal-content">
      		<div class="modal-header">
        		<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        		<h4 class="modal-title">订单详情</h4>
      		</div>
      		<div class="modal-body">
	      		<div class="top">
	      		    <h2>基础信息</h2> 
	      			<table class = "buy_status_table">
	      				<tr>
	      					<td class = 'title'>订单编号</td>
	      					<td id="purchaseStatusNO">201615515</td>
	      					<td class = 'title'>下单时间</td>
	      					<td id="purchaseStatusNO">2016-11-17</td>
	      				</tr>
	      				<tr>
	      					<td class = 'title'>订单状态</td>
	      					<td id="purchaseStatusNO">201615515</td>
	      					<td class = 'title'>订单备注</td>
	      					<td id="purchaseStatusNO">2016-11-17</td>
	      				</tr>
	      				<tr>
	      					<td class = 'title'>客户账户</td>
	      					<td id="purchaseStatusNO">201615515</td>
	      					<td class = 'title'>客户id</td>
	      					<td id="purchaseStatusNO">2016-11-17</td>
	      				</tr>
	      				<tr>
	      					<td class = 'title'>交易币种</td>
	      					<td id="purchaseStatusNO">201615515</td>
	      					<td class = 'title'>付款方式</td>
	      					<td id="purchaseStatusNO">2016-11-17</td>
	      				</tr>
				    </table>
	      		</div>
	      		<div id="middle">
	      			<h2>收件信息</h2> 
	      			<table class = "buy_status_table">
	      				<tr>
	      					<td class = 'title'>订单编号</td>
	      					<td id="purchaseStatusNO">201615515</td>
	      					<td class = 'title'>下单时间</td>
	      					<td id="purchaseStatusNO">2016-11-17</td>
	      				</tr>
	      				<tr>
	      					<td class = 'title'>订单状态</td>
	      					<td id="purchaseStatusNO">201615515</td>
	      					<td class = 'title'>订单备注</td>
	      					<td id="purchaseStatusNO">2016-11-17</td>
	      				</tr>
	      				<tr>
	      					<td class = 'title'>客户账户</td>
	      					<td id="purchaseStatusNO">201615515</td>
	      					<td class = 'title'>客户id</td>
	      					<td id="purchaseStatusNO">2016-11-17</td>
	      				</tr>
	      				<tr>
	      					<td class = 'title'>交易币种</td>
	      					<td id="purchaseStatusNO">201615515</td>
	      					<td class = 'title'>付款方式</td>
	      					<td id="purchaseStatusNO">2016-11-17</td>
	      				</tr>
	      				<tr>
	      					<td class = 'title'>收货地址</td>
	      					<td id="purchaseStatusNO">深圳市平湖傲基电子商务有限公司</td>
	      				</tr>
				    </table>
	      		</div>
	      		<div class="bottom">
	      			<h2>订单金额</h2> 
	      			<table class = "buy_status_table">
	      			    <thead>
	      			    	<td>订单总金额</td>
	      			    	<td>应付金额</td>
	      			    	<td>商品总价</td>
	      			    	<td>物流费用</td>
	      			    	<td>优惠金额</td>
	      			    </thead>
	      				<tr>
	      					<td class = 'title'>77878</td>
	      					<td id="">485</td>
	      					<td class = 'title'>45</td>
	      					<td id="">4854</td>
	      					<td id="">4854</td>
	      				</tr>
				    </table>
	      		</div>
			</div>
      		<div class="modal-footer spe">
        		<button id="token_btn" type="button" class="btn btn-blue">确定</button>
      		</div>
    	</div>
  	</div>
</div>
  	</body>
</html>
    	<!-- 公用js -->
		<script src="js/jquery-1.11.1.min.js"></script>
	    <script src="js/bootstrap.min.js"></script>
	    <script src="js/bootstrap-table.js"></script>
	    <script src="js/bootstrap-table-zh-CN.min.js"></script>
		<script src='js/jquery.slimscroll.min.js'></script>
		<script src="js/simplify.js"></script>
		<script src="js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
		<script src="js/common/commonUtil.js"></script>
        <!--引入header-->
		<script type="text/javascript" src = 'js/Loadhead.js'></script>
		<!-- 本文件js -->
        <script type="text/javascript" src = 'js/order/order.js'></script>
